.jp-jplayer.fullscreen { 
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  overflow: hidden;
  z-index: 1000; 
}
.jp-gui {
  position: relative;
  padding: 20px;
}
.jp-gui.jp-no-volume {
}
.jp-gui ul {
  margin: 0;
  padding: 0;
}
.jp-gui ul li {
  position: relative;
  float: left;
  list-style: none;
  margin: 2px;
  padding: 4px 0;
  cursor: pointer;
}
.jp-gui ul li a {
  margin: 0 4px;
}
.jp-gui li.jp-repeat, .jp-gui li.jp-repeat-off {
  left: calc(100% - 290px)
}
.jp-gui li.jp-mute, .jp-gui li.jp-unmute {
  left: calc(100% - 270px)
}
.jp-gui li.jp-volume-max {
  left: calc(100% - 150px)
}
li.jp-pause, li.jp-repeat-off, li.jp-unmute, .jp-no-solution {
  display: none;
}
.jp-progress-slider {
  position: absolute;
  top: 28px;
  left: 100px;
  width: calc(100% - 200px - 160px);
}
.jp-progress-slider .ui-slider-handle {
  cursor: pointer;
}
.jp-volume-slider {
  position: absolute;
  top: 31px;
  left: calc(100% - 160px);
  width: 100px;
  height: .4em;
}
.jp-volume-slider .ui-slider-handle {
  height: .8em;
  width: .8em;
  cursor: pointer;
}
.jp-gui.jp-no-volume .jp-volume-slider {
  display: none;
}
.jp-current-time, .jp-duration {
  position: absolute;
  top: 42px;
  font-size: 0.8em;
  cursor: default;
}
.jp-current-time {
  left: 100px;
}
.jp-duration {
  left: calc(100% - 292px);
}
.jp-gui.jp-no-volume .jp-duration {
  left: 366px;
}
.jp-clearboth {
  clear: both;
}